Ｆｉｇｍａ　ｆｏｒデザインシステム　デザインを中心としたプロダクト開発の仕組み作り

出版社からのコメント

デザイナーとして一歩先にいくためにデザインの一貫性を保ち、チームの生産性を向上させ、ユーザー体験を高める本書はＦｉｇｍａによるデザインシステムの構築を学べるガイドブックです。「デザインシステムとは何か」から始めているので初学者でも安心して学べます。また「デザインシステムには興味があるけど何から始めてよいかわからない」といった方の参考になるように、次に作るコンポーネントから導入できる手法を数多く解説しています。Ｆｉｇｍａによるデザインシステムの構築には、高度な機能を使いこなす必要があります。コンポーネントやスタイルのモジュール性、デザイントークン、バリアント、バリアブル（変数）などは、従来のデザインツールには存在しなかった概念であり、プログラミングの考え方やベストプラクティスを色濃く反映しています。デザイナーは、これらに関する機能を理解し適切に使用することで、コンポーネントのＡＰＩやコードへの連携方法を設計できます。Ｆｉｇｍａは、デザイナーがレイアウトやインタラクションなどの視覚的な領域から飛び出し、エンジニアとのコラボレーションを強化する後押しをしてくれます。デザインシステムは、Ｆｉｇｍａの初歩的な操作方法を理解されている方のステップアップとしても最適なテーマです。まだ実務に必要がないと思う方でも、本書で解説する機能を使いこなせれば、既存のデザインプロセスを改善できるはずです。〈デザインシステムのメリット〉１デザインと開発を効率化し、利用者の課題解決に集中する２大規模なサービスで素早く改善サイクルを回す３一貫性を担保し、サービスを使いやすくする４開発チームの円滑なコミュニケーション〈こんな人のための本です〉・Ｗｅｂデザイナー・ＵＩ／ＵＸデザイナー・サービスやプロダクトの開発者〈目次〉Ｃｈａｐｔｅｒ　１デザインシステムを知るＣｈａｐｔｅｒ　２プロフェッショナルなＦｉｇｍａＣｈａｐｔｅｒ　３デザインシステムをはじめるＣｈａｐｔｅｒ　４デザイントークンＣｈａｐｔｅｒ　５タイポグラフィＣｈａｐｔｅｒ　６デザインシステムの拡充Ｃｈａｐｔｅｒ　７パターンライブラリＣｈａｐｔｅｒ　８実装コードとの連携